<!doctype html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>Nie Changan</title>
        <meta name="description" content="Beleme is a beautiful Bootstrap 4 template for resume, CV or personal portfolio." /> 

        <!--Google fonts-->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Pacifico|Inconsolata:400,700">

        <!--vendors styles-->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">

        <!-- Bootstrap CSS / Color Scheme -->
        <link rel="stylesheet" href="css/default.css" id="theme-color">
    </head>
    <body data-spy="scroll" data-target="#beleme-navbar" data-offset="0">

        <!--hero header-->
        <section class="bg-hero py-7 py-md-0" id="home" style="background-image: url(img/background.jpg)">
            <div class="container">
                <div class="row vh-md-100">
                    <div class="col-md-8 mx-auto my-auto text-white text-center">
                        <img src="img/head.jpg" class="img-fluid rounded-circle img-profile" alt="User" />
                        <h1 class="my-4">Hi, I'm NieChangan.</h1>
                        <p class="lead mb-5 font-weight-bold">
                            An Experienced
                            <span class="typist" data-typist="UI/UX Designer, Web Developer, Blogger, Traveller">Java Development Engineer</span>
                        </p>
                        <a href="#about" class="btn btn-primary d-inline-flex flex-row align-items-center page-scroll">
                            更好的了解我
                        </a>
                    </div>
                </div>
            </div>
        </section>

        <!--navigation-->
        <nav class="navbar navbar-expand-md navbar-dark bg-primary sticky-top sticky-navigation" id="beleme-navbar">
            <a class="navbar-brand d-md-none" href="index.html">
                Beleme
            </a>
            <button class="navbar-toggler navbar-toggler-right text-white" type="button" data-toggle="collapse" 
                    data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                <span data-feather="grid"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="#home">主页 <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="#about">关于我</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="#experience">工作经验</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="#education">教育经验</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="#skills">技能概要</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="#services">我的职责</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="#testimonials">专业技能</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="#portfolio">个人作品</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="#contact">联系我</a>
                    </li>
                </ul>
            </div>
        </nav>

        <!--about section-->
        <section class="py-7" id="about">
            <div class="container">
                <div class="row">
                    <div class="col-md-7 mx-auto text-center">
                        <h2>关于我</h2>
                        <div class="divider bg-primary mx-auto"></div>
                        <p class="lead">
                            Hello, I'm <b>聂长安</b>, an independent <b>Java Development Engineer</b> based in <b>Changsha, Hunan</b>.
                            I love <b>making beautiful things</b> & meeting new people.
                        </p>
                        <p class="text-muted">
                            记住你是一个男人，赚钱才是你唯一的出路，即使没有清晨熬好的粥，也没有灯火通明的家，你也应该对自己的人生负责，生如蝼蚁，当有鸿鹄之志，命虽薄纸，应有不屈之心，欲要成功，必有其梦，欲戴王冠，必承其重！
                        </p>
                    </div>
                </div>
                <div class="row mt-5">
                    <div class="col-md-6 mx-auto text-center">
                        <a class="btn btn-primary" href="https://gitee.com/AngeGit/resume">
                            下载我的简历
                        </a>
                        <a class="btn btn-outline-primary page-scroll" href="#contact">
                            获取联系方式
                        </a>
                    </div>
                </div>
                <div class="row mt-5">
                    <div class="col-12 text-muted text-center font-weight-bold">我曾经任职于以下公司:</div>
                    <div class="col-md-10 mx-auto">
                        <div class="row press mt-5">
                            <div class="press-item col-lg-3 col-md-4 col-6"><a href="#"><img class="img-fluid" src="img/press/yuxin.jpg" alt=""></a></div>
                            <div class="press-item col-lg-3 col-md-4 col-6"><a href="#"><img class="img-fluid" src="img/press/vip.jpg" alt=""></a></div>
                            <div class="press-item col-lg-3 col-md-4 col-6"><a href="#"><img class="img-fluid" src="img/press/xiecheng.jpg" alt=""></a></div>                                 
                            <div class="press-item col-lg-3 col-md-4 col-6"><a href="#"><img class="img-fluid" src="img/press/chuanyin.jpg" alt=""></a></div> 
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--work experience-->
        <section class="py-7 bg-primary" id="experience">
            <div class="container">
                <div class="row">
                    <div class="col-md-10 mx-auto">
                        <h2 class="text-white text-center">Work Experience</h2>
                        <div class="divider bg-white mx-auto"></div>
                        <div class="card mt-5">
                            <div class="card-body">
                                <div class="timeline px-sm-5">
                                    <div class="root"></div>
                                    <div class="root">
                                        <div class="date">2019.2 &mdash; 2020.1</div>
                                        <div class="dot"></div>
                                        <div class="event">
                                            <h5 class="mb-2">高级Java开发工程师</h5>
                                            <div class="text-muted small-xl">
                                                <span>上海传音控股</span>
                                                <span class="bull">•</span>
                                                <span>Shanghai, China</span>
                                            </div>
                                            <div class="content mt-4 px-0">
												<h6>职责</h6>
                                                <ol>
                                                    <li>负责移动互联中心的软件开发和维护工作</li>
                                                    <li>负责承接新的需求，确保按时按质按量完成开发任务</li>
													<li>负责编写开发及项目文档</li>
													<li>分析并解决软件开发过程中的问题</li>
													<li>指导java初级开发工程师，并服从上级领导安排</li>
                                                </ol>
												<h6>个人成就</h6>
                                                <ul>
													<li>参与学必选在线教育平台项目组开发</li>
                                                    <li>参与oraimo项目的建设和接口开发</li>
                                                    <li>参与Syinix项目,提供稳定的后台对接和技术支持</li>
													<li>其他内部项目</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="root">
                                        <div class="date">2016.9 &mdash; 2019.2</div>
                                        <div class="dot"></div>
                                        <div class="event">
                                            <h5 class="mb-2">Java高级开发工程师&产品</h5>
                                            <div class="text-muted small-xl">
                                                <span>携程旅行网</span>
                                                <span class="bull">•</span>
                                                <span>Shanghai, China</span>
                                            </div>
                                            <div class="content mt-4 px-0">
												<h6>职责</h6>
                                                <ol>
                                                    <li>参与项目的产品设计、需求分析及技术选型</li>
                                                    <li>配合运维和测试人员完成项目的持续集成和持续交付</li>
													<li>遵循开发管理流程，编写和完善开发和设计文档</li>
													<li>涉及出差到广东子公司,协助完成产品及开发任务</li>
													<li>每日为客户提出的、客服人员无法解答的专业技术问题耐心的提供支持和回馈，保证客户的满意度</li>
                                                </ol>
												<h6>个人成就</h6>
                                                <ul>
                                                    <li>维护升级携程优品项目</li>
                                                    <li>参与南方优选项目组,为公司开发团队提供技术支持</li>
													<li>参与公司各种小项目的维护和升级</li>
													<li>给新员工提供培训和学习的机会</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="root">
                                        <div class="date">2015.11 &mdash; 2016.8</div>
                                        <div class="dot"></div>
                                        <div class="event">
                                            <h5 class="mb-2">Java工程师&Web工程师</h5>
                                            <div class="text-muted small-xl">
                                                <span>北京唯品会信息技术有限公司</span>
                                                <span class="bull">•</span>
                                                <span>BeiJing, China</span>
                                            </div>
                                            <div class="content mt-4 px-0">
												<h6>职责</h6>
                                                <ol>
                                                    <li>负责公司旗下网站功能改进计划，能参加用户需求调研，详细记录用户的需求，结合自身所掌握的编程技术，提出初步解决方案</li>
                                                    <li>与设计人员能完美配合网站的前端开发，然后可以独立负责开发后端系统的程序开发，完成客户的需求和功能</li>
													<li>负责网站功能修改和升级，按照计划的时间和质量要求，对公司旗下网站前后台功能进行修改和升级</li>
													<li>负责网站代码的优化和维护，保证网站的运行效率，完成日常公司网站业务的编程开发技术工作</li>
													<li>每周必须对网站的重要数据做增量备份，并每个月对程序和数据库做完全备份。日常负责管理网站的备份数据，一旦出现问题，及时安全恢复数据</li>
                                                </ol>
												<h6>个人成就</h6>
                                                <ul>
                                                    <li>参与唯品会商城的前台功能升级</li>
                                                    <li>对公司现有系统架构持续优化，打造具备高可用、高性能、高扩展性的系统架构</li>
													<li>负责前瞻技术的跟踪调研和创新</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
									<div class="root">
                                        <div class="date">2014.7 &mdash; 2015.10</div>
                                        <div class="dot"></div>
                                        <div class="event">
                                            <h5 class="mb-2">初级Java工程师</h5>
                                            <div class="text-muted small-xl">
                                                <span>北京宇信科技集团股份有限公司</span>
                                                <span class="bull">•</span>
                                                <span>BeiJing, China</span>
                                            </div>
                                            <div class="content mt-4 px-0">
												<h6>职责</h6>
                                                <ol>
                                                    <li>负责部分业务需求分析、业务数据建模和设计</li>
                                                    <li>负责所分配功能模块的详细设计、功能开发、单元测试、代码优化工作</li>
													<li>遵循开发管理流程，编写和完善设计文档</li>
													<li>涉及出差到客户现场进行问题解决和需求沟通</li>
                                                </ol>
												<h6>个人成就</h6>
                                                <ul>
                                                    <li>参与北京银行手机App的后台接口编写</li>
                                                    <li>参与武汉农商行App的后台接口编写</li>
													<li>参与大型国家电网项目,负责其中的后台模块</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="tlinks">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>

        <!--education section-->
        <section class="py-7 bg-light" id="education">
            <div class="container">
                <div class="row">
                    <div class="col-md-7 mx-auto text-center">
                        <h2>Education</h2>
                        <div class="divider bg-primary mx-auto"></div>
                    </div>
                </div>
                <div class="row mt-5">
                    <div class="col-md-4 mb-3">
                        <div class="card">
                            <div class="card-body">
                                <span class="text-muted font-weight-bold">2014 &mdash; 至今</span>
                                <h5>计算机科学与技术本科</h5>
                                <p class="text-muted small-xl">社会大学</p>
                                <!--<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. 
                                    Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus</p>-->
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4  mb-3">
                        <div class="card">
                            <div class="card-body">
                                <span class="text-muted font-weight-bold">2010 &mdash; 2014</span>
                                <h5>计算机科学与技术本科</h5>
                                <p class="text-muted small-xl">长沙理工大学</p>
                                <!--<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. 
                                    Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus</p>-->
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-3">
                        <div class="card">
                            <div class="card-body">
                                <span class="text-muted font-weight-bold">2009 &mdash; 2010</span>
                                <h5>本科</h5>
                                <p class="text-muted small-xl">长沙医学院</p>
                                <!--<p>2009年6月,18岁的我参加高考如愿以偿的考上本科,父母都是农民,没有太多的文化,思想比较顽固,只觉得学医和当老师才是铁饭碗,迫于家庭压力
								选择了离家比较近的长沙医学院(二老都在长沙),进入大学发现对医学毫无兴趣,天天过着翘课睡懒觉玩游戏的日子,于此同时,喜欢翻看漂亮学姐学妹的QQ空间,但是 很多时候相册都是上锁的
								由此对盗取QQ,破解QQ空间,刷钻,盗Q币产生了浓厚的兴趣,2012.3月辍学长医,开启了漫长的IT之旅</p>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--skills section-->
        <section class="py-7" id="skills">
            <div class="container">
                <div class="row">
                    <div class="col-md-7 mx-auto text-center">
                        <h2>My Skills</h2>
                        <div class="divider bg-primary mx-auto"></div>
                    </div>
                </div>
                <div class="row mt-5">
                    <div class="col-md-6 px-5">
                        <h5>Java Skills</h5>
                        <div class="skill">
                            <div class="skill-name">Java Frameworks(Java框架)<span class="badge badge-primary float-right">95%</span></div>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                        <div class="skill">
                            <div class="skill-name">SQL / NOSQL(数据库) <span class="badge badge-primary float-right">90%</span></div>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                        <div class="skill">
                            <div class="skill-name">Linux <span class="badge badge-primary float-right">80%</span></div>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                        <div class="skill">
                            <div class="skill-name">Product Analysis(产品分析) <span class="badge badge-primary float-right">70%</span></div>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                        <div class="skill">
                            <div class="skill-name">English Read & write(英文读写) <span class="badge badge-primary float-right">60%</span></div>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" style="width: 65%" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 px-5">
                        <h5>Web Skills</h5>
                        <div class="skill">
                            <div class="skill-name">HTML5 <span class="badge badge-primary float-right">90%</span></div>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                        <div class="skill">
                            <div class="skill-name">CSS3 <span class="badge badge-primary float-right">85%</span></div>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                        <div class="skill">
                            <div class="skill-name">JavaScript / Jquery <span class="badge badge-primary float-right">80%</span></div>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                        <div class="skill">
                            <div class="skill-name">Vue / React <span class="badge badge-primary float-right">80%</span></div>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                        <div class="skill">
                            <div class="skill-name">UI / UX <span class="badge badge-primary float-right">60%</span></div>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--services section-->
        <section class="py-7 bg-primary" id="services">
            <div class="container">
                <div class="row">
                    <div class="col-md-7 mx-auto text-center">
                        <h2 class="text-white">My Services</h2>
                        <div class="divider bg-white mx-auto"></div>
                    </div>
                </div>
                <div class="row mt-5">
                    <div class="col-md-4 mb-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <div class="icon-box">
                                    <div class="icon-box-inner small text-primary">
                                        <span data-feather="crop" width="30" height="30"></span>
                                    </div>
                                </div>
                                <h5 class="my-3">Web Design</h5>
                                <p>参与项目的产品设计、需求分析、技术选型,能实现对项目的持续集成和部署</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <div class="icon-box">
                                    <div class="icon-box-inner small text-primary">
                                        <span data-feather="monitor" width="30" height="30"></span>
                                    </div>
                                </div>
                                <h5 class="my-3">Web Development</h5>
                                <p>遵循开发管理流程，完成指定编码工作并编写和完善开发及设计文档</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <div class="icon-box">
                                    <div class="icon-box-inner small text-primary">
                                        <span data-feather="briefcase" width="30" height="30"></span>
                                    </div>
                                </div>
                                <h5 class="my-3">Branding</h5>
                                <p>负责网站代码的优化和维护，实现网站功能修改和升级，保证网站的运行效率</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <div class="icon-box">
                                    <div class="icon-box-inner small text-primary">
                                        <span data-feather="smartphone" width="30" height="30"></span>
                                    </div>
                                </div>
                                <h5 class="my-3">Mobile Apps</h5>
                                <p>能达到一次构建到处运行的目的,响应式开发和容器技术结合,减少公司财力物力</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <div class="icon-box">
                                    <div class="icon-box-inner small text-primary">
                                        <span data-feather="message-square" width="30" height="30"></span>
                                    </div>
                                </div>
                                <h5 class="my-3">Social Media</h5>
                                <p>经常了解用户的意见和需求，不断完善软件功能，达到用户满意</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <div class="icon-box">
                                    <div class="icon-box-inner small text-primary">
                                        <span data-feather="headphones" width="30" height="30"></span>
                                    </div>
                                </div>
                                <h5 class="my-3">Consulting</h5>
                                <p>能涉及出差去子公司,协助完成产品及开发任务帮助公司创造更多的价值</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--testimonials section-->
        <section class="py-7 bg-light" id="testimonials">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 mx-auto text-center">
                        <h2 class="text-capitalize">Testimonials</h2>
                        <div class="divider bg-primary mx-auto"></div>
                    </div>
                </div>
                <div class="row mt-5">
                    <ul>
						<li>熟练掌握Eclipse/IDEA、Svn、Git、Maven、Docker等开发及版本控制工具，熟练掌握Java基础技术Jsp、Servlet、Jdbc，熟练掌握Web应用系统开发，具备的独立开发能力</li>
						<li>熟悉JVM参数调优、性能检测工具、生产环境服务器jvm调优配置、压力测试工具JMeter、阿里代码扫描工具</li>
						<li>熟练使用Tomcat服务器及云服务器，发布部署web项目，熟练使用Nginx+Keepalived实现服务高可用</li>
						<li>熟练使用Oracle、MySQL、SQLServer等关系型数据库，熟练使用Redis、MongoDb等非关系型数据库及搜索服务框架Elasticsearch</li>
						<li>熟练运用Spring、Mybatis、SpringBoot2.0等开源框架，熟悉Spring的IOC、DI、AOP设计思想</li>
						<li>熟悉SpringCloud常用组件、注册中心Eureka、Consul ，负载均衡器Ribbon、客户端调用工具Rest和Feign，分布式配置中心Config和携程阿波罗 ，服务保护Hystrix，网关Zuul，Api管理 Swagger ，服务链路Zipkin，消息总线Bus等</li>
						<li>.熟练使用SpringCloud Alibaba微服务框架,注册中心Nacos,客户端调用工具Feign和loadBalancerClient，Sentinel熔断器防止服务雪崩,Sentinel 控制台进行资源监控,网关Gateway统一访问接口,Nacos Config配置中心,SkyWalking进行链路追踪</li>
						<li>熟练使用Docker Registry+GitLab+Nexus+Jkines实现对项目的持续集成和持续交付、熟悉junit单元测试、jmeter压力测试工具等主流测试框架</li>
						<li>有丰富微服务电商项目开发实战经验，熟悉整个微服务电商项目的架构流程，并实际参与过微服务电商项目，从项目需求讨论、研发阶段、分布式环境部署、技术难题解决、上线CDN部署等</li>
					</ul>
                </div>
            </div>
        </section>

        
        <!--portfolio section-->
        <section class="py-7" id="portfolio">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 mx-auto text-center">
                        <h2>My Portfolio</h2>
                        <div class="divider bg-primary mx-auto"></div>
                    </div>
                </div>
                <div class="row mt-5">
                    <div class="col-sm-10 mx-auto">
                        <div class="slick-slider">
                            <div class="card mr-3">
                                <img class="card-img-top rounded" src="img/work-5.jpg" alt="Work 1">
                                <div class="card-body px-0">
                                    <h5 class="card-title">学必选线上教育平台</h5>
                                    <p class="card-text text-muted">Online Education</p>
                                </div>
                            </div>
                            <div class="card mr-3">
                                <img class="card-img-top rounded" src="img/work-6.png" alt="Work 2">
                                <div class="card-body px-0">
                                    <h5 class="card-title">携程优品网上商城</h5>
                                    <p class="card-text text-muted">Web Shopping Center</p>
                                </div>
                            </div>
                            <div class="card mr-3">
                                <img class="card-img-top rounded" src="img/work-7.jpg" alt="Work 3">
                                <div class="card-body px-0">
                                    <h5 class="card-title">南方优选社区团购平台</h5>
                                    <p class="card-text text-muted">Wechat Mini Program</p>
                                </div>
                            </div>
                            <div class="card mr-3">
                                <img class="card-img-top rounded" src="img/work-8.jpg" alt="Work 4">
                                <div class="card-body px-0">
                                    <h5 class="card-title">武汉农商行手机银行</h5>
                                    <p class="card-text text-muted">Mobile Apps</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--request a quote section
        <section class="py-7 bg-light">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 mx-auto text-center">
                        <h2 >Have a project for me?</h2>
                        <div class="divider bg-primary mx-auto"></div>
                        <p class="text-muted">
                            I am available for contract work. Let's get in touch.
                        </p>
                        <div class="mt-3">
                            <form>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="text" class="form-control" placeholder="Your name">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="email"  class="form-control" placeholder="Your email address">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="tel"  class="form-control" placeholder="Phone number">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="url"  class="form-control" placeholder="Your website">
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-group">
                                            <textarea rows="5"  class="form-control" placeholder="Short summary of the work"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-center mt-3">
                                    <button class="btn btn-primary">Get A Free Quote</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
		-->
		
        <!--footer / contact-->
        <footer class="py-6 bg-dark text-white" id="contact">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h5 class="text-white">Nie Changan</h5>
                        <div class="divider divider-sm bg-white mt-3"></div>
                        <p class="mt-4">
                            I completed more than 10+ projects for many customers in less than eight 
                            years. Would love to work on your company.
                        </p>
                        <ul class="list-inline social social-sm social-rounded mt-4">
                            <li class="list-inline-item">
                                <a href="javascript:alert('1351261434')"><i class="fa fa-qq"></i></a>
                            </li>
                            <li class="list-inline-item">
                                <a href="javascript:alert('17670753912')"><i class="fa fa-wechat"></i></a>
                            </li>
                            <li class="list-inline-item">
                                <a href="https://gitee.com/AngeGit" target="_blank"><i class="fa fa-git"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-4 ml-auto">
                        <h5 class="text-white">Contact Information</h5>
                        <div class="divider divider-sm bg-white mt-3"></div>
                        <ul class="list-unstyled mt-4">
                            <li class=" mb-2">
                                <span class="mr-2" data-feather="phone" width="20" height="20"></span>
                                17670753912(the same as wechat)
                            </li>
                            <li class=" mb-2">
                                <span class="mr-2" data-feather="mail" width="20" height="20"></span>
                                1351261434@qq.com
                            </li>
                            <li class=" mb-2">
                                <span class="mr-2" data-feather="map-pin" width="20" height="20"></span>
                                JianShan Road LuGu Small Town, ChangSha, Hunan, China
                            </li>
                        </ul>
                    </div>
                </div>
                <hr class="my-5"/>
                <div class="row">
                    <div class="col-12 text-muted text-center">
                        &copy; 2019 Nie Changan - All Rights Reserved. 
                    </div>
                </div>
            </div>
        </footer>

        <!--scroll to top-->
        <div class="scroll-top">
            <i class="fa fa-angle-up" aria-hidden="true"></i>
        </div>

        <!-- theme switcher (FOR DEMO ONLY - REMOVE FROM PRODUCTION)-->
        <div class="switcher-wrap">
            <div class="switcher-trigger">
                <span class="fa fa-gear"></span>
            </div>
            <div class="color-switcher">
                <h6>Color Switcher</h6>
                <ul class="mt-3 clearfix">
                    <li class="bg-black active" data-color="default" title="Default Black"></li>
                    <li class="bg-green" data-color="green" title="Green"></li>
                    <li class="bg-indigo" data-color="indigo" title="Indigo"></li>
                    <li class="bg-orange" data-color="orange" title="Orange"></li>
                    <li class="bg-red" data-color="red" title="Red"></li>
                    <li class="bg-blue" data-color="blue" title="Blue"></li>
                    <li class="bg-teal" data-color="teal" title="Teal"></li>
                    <li class="bg-cyan" data-color="cyan" title="Cyan"></li>
                    <li class="bg-purple" data-color="purple" title="Purple"></li>
                    <li class="bg-pink" data-color="pink" title="Pink"></li>
                </ul>
                <p>These are just demo colors. You can <b>easily</b> create your own color scheme.</p>
            </div>
        </div>

        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.5.0/feather.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/Typist/1.2/typist.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
        <script src="js/scripts.js"></script>
    </body>
</html>